<!DOCTYPE html>
<html>

	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta charset="utf-8">
		<title>news</title>
		<link href="../css/news.css" rel="stylesheet" />
		<link href="../css/mycom.css" rel="stylesheet" />
		<!-- <link href="../css/index.css" rel="stylesheet" /> -->
		<link href="../css/bootstrap.min.css" rel="stylesheet" />
		<style>
			.pagination>li>a{
				color: #222222!important;
			}
			.pagination>.active>a{
				color: #fff!important;
			}
		</style>
	</head>

	<body>
		<nav class="navbar navbar-default navbar-fixed-top">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false"
					 aria-controls="navbar">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<img style="height: 40px;margin-top: 5px;margin-right: 150px;" src="../images/图层676.png" />
				</div>
				<div id="navbar" class="navbar-collapse collapse" aria-expanded="false" style="height: 1px;">
					<ul class="nav navbar-nav">
						<li class="item">
							<a class="a" href="../index.html">首页</a>
						</li>
						<li class="item">
							<a id="click" href="service.html" class="dropdown-toggle" data-toggle="dropdown">服务</a>
							<ul class="dropdown-menu">
								<li>
									<a href="service(html).html">网页开发</a>
								</li>
								<li>
									<a href="service(app).html">APP开发</a>
								</li>
								<li>
									<a href="service(wx).html">微信开发</a>
								</li>
							</ul>
						</li>
						<li class="item ">
							<a href="product.html">案例</a>
						</li>
						<li class="item activea">
							<a href="#">新闻中心</a>
						</li>
						<li class="item">
							<a href="about.html">关于我们</a>
						</li>
						<li class="item">
							<a href="contact.html">联系我们</a>
						</li>
					</ul>
					<div style="float: right;display: flex;flex-direction: row;align-items: center;height: 50px;" class=" hidden-sm hidden-xs ">
						<img src="../images/phone.png" />
						<p style="margin: 0 10px;">0592-123456</p>
						<img src="../images/wechat.png" />
					</div>
				</div>
			</div>
		</nav>
		<div class="container-fluid top">
			<div class="row">
				<img class="col-lg-12 col-md-12 col-sm-12 col-xs-12" src="../images/图层5122拷贝5.png" style="padding: 0;" />
			</div>
		</div>
		<!---->
		<div class="container" style="margin-top: 30px;">
			<div class="row">
				<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" style="margin-top: 30px;">
					<div class="news_"></div>
				</div>
				<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" style="margin-top: 30px;">
					<div class="n_item">
						<img src="../images/图层636.png" />
						<div class="n_con">
							<p>企业IT规划发展的三个时期</p>
							<p>IT规划不是摆设，它必须在得到切实可行的实施之后，才能发挥出促进业务、提升管理的作用，否则就是一堆废纸。因此，“落地”环节对IT规...</p>
							<p>来源:美国金融</p>
						</div>
					</div>
					<div class="n_item">
						<img src="../images/图层636.png" />
						<div class="n_con">
							<p>企业IT规划发展的三个时期</p>
							<p>IT规划不是摆设，它必须在得到切实可行的实施之后，才能发挥出促进业务、提升管理的作用，否则就是一堆废纸。因此，“落地”环节对IT规...</p>
							<p>来源:美国金融</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!---->
		<div class="container">
			<div class=" col-lg-8 col-md-8 col-sm-12 col-xs-12">
				<div class="row">
					<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 hidden-xs hidden-sm">
						<ul id="myTab" class="nav  nava">
							<li class="n_active"><a href="#first" data-toggle="tab">新闻中心</a></li>
							<li><a href="#second" data-toggle="tab">行业资讯</a></li>
							<li><a href="#third" data-toggle="tab">公司动态</a></li>
							<li><a href="#forth" data-toggle="tab">行业百科</a></li>
							<li><a href="#fifth" data-toggle="tab">专题活动</a></li>
						</ul>
					</div>
				</div>
				<div id="myTabContent" class="tab-content">
					<div class="tab-pane fade in active" id="first">
						<!--NEWS-->
						<!-- <div class="container-fluid"> -->
						<div class="row text-row">
							<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
								<div class="time col-lg-1 col-md-1 col-sm-1 ">
									<span>7</span>
									<span>2019/8</span>
								</div>
								<img class="n_img  col-lg-4 col-md-4 col-sm-4 " src="../images/图层636.png" />
								<div class="content  col-lg-7 col-md-7 col-sm-7 ">
									<div>
										<p class="c_title">企业IT规划发展的三个时期</p>
										<p class="c_text">IT规划不是摆设，它必须在得到切实可行的实施之后，才能发挥出促进业务、提升管理的作用，否则就是一堆废纸。因此，“落地”环节对IT规划至关重要。如 </p>
									</div>
									<div class="c_source">
										来源:美国金融
									</div>
								</div>
								<!-- </div> -->
							</div>
						</div>
						<div class="row text-row">
							<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
								<div class="time col-lg-1 col-md-1 col-sm-1 ">
									<span>7</span>
									<span>2019/8</span>
								</div>
								<img class="n_img  col-lg-4 col-md-4 col-sm-4 " src="../images/图层636.png" />
								<div class="content  col-lg-7 col-md-7 col-sm-7 ">
									<div>
										<p class="c_title">企业IT规划发展的三个时期</p>
										<p class="c_text">IT规划不是摆设，它必须在得到切实可行的实施之后，才能发挥出促进业务、提升管理的作用，否则就是一堆废纸。因此，“落地”环节对IT规划至关重要。如 </p>
									</div>
									<div class="c_source">
										来源:美国金融
									</div>
								</div>
								<!-- </div> -->
							</div>
						</div>
						<div class="row text-row">
							<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
								<div class="time col-lg-1 col-md-1 col-sm-1 ">
									<span>7</span>
									<span>2019/8</span>
								</div>
								<img class="n_img  col-lg-4 col-md-4 col-sm-4 " src="../images/图层636.png" />
								<div class="content  col-lg-7 col-md-7 col-sm-7 ">
									<div>
										<p class="c_title">企业IT规划发展的三个时期</p>
										<p class="c_text ellip-3">IT规划不是摆设，它必须在得到切实可行的实施之后，才能发挥出促进业务、提升管理的作用，否则就是一堆废纸。因此，“落地”环节对IT规划至关重要。如 </p>
									</div>
									<div class="c_source">
										来源:美国金融
									</div>
								</div>
								<!-- </div> -->
							</div>
						</div>
						<div class="row text-row">
							<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
								<div class="time col-lg-1 col-md-1 col-sm-1 ">
									<span>7</span>
									<span>2019/8</span>
								</div>
								<img class="n_img  col-lg-4 col-md-4 col-sm-4 " src="../images/图层636.png" />
								<div class="content  col-lg-7 col-md-7 col-sm-7 ">
									<div>
										<p class="c_title">企业IT规划发展的三个时期</p>
										<p class="c_text ellip-3">IT规划不是摆设，它必须在得到切实可行的实施之后，才能发挥出促进业务、提升管理的作用，否则就是一堆废纸。因此，“落地”环节对IT规划至关重要。如 </p>
									</div>
									<div class="c_source">
										来源:美国金融
									</div>
								</div>
								<!-- </div> -->
							</div>
						</div>

						<!-- </div> -->
					</div>
					<div class="tab-pane fade" id="second">
						<div class="row text-row">
							<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
								<div class="time col-lg-1 col-md-1 col-sm-1 ">
									<span>7</span>
									<span>2019/8</span>
								</div>
								<img class="n_img  col-lg-4 col-md-4 col-sm-4 " src="../images/图层636.png" />
								<div class="content  col-lg-7 col-md-7 col-sm-7 ">
									<div>
										<p class="c_title">企业IT规划发展的三个时期</p>
										<p class="c_text ellip-3">IT规划不是摆设，它必须在得到切实可行的实施之后，才能发挥出促进业务、提升管理的作用，否则就是一堆废纸。因此，“落地”环节对IT规划至关重要。如 </p>
									</div>
									<div class="c_source">
										来源:美国金融
									</div>
								</div>
								<!-- </div> -->
							</div>
						</div>
					</div>
					<div class="tab-pane fade" id="third">
						<div class="row text-row">
							<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
								<div class="time col-lg-1 col-md-1 col-sm-1 ">
									<span>7</span>
									<span>2019/8</span>
								</div>
								<img class="n_img  col-lg-4 col-md-4 col-sm-4 " src="../images/图层636.png" />
								<div class="content  col-lg-7 col-md-7 col-sm-7 ">
									<div>
										<p class="c_title">企业IT规划发展的三个时期</p>
										<p class="c_text ellip-3">IT规划不是摆设，它必须在得到切实可行的实施之后，才能发挥出促进业务、提升管理的作用，否则就是一堆废纸。因此，“落地”环节对IT规划至关重要。如 </p>
									</div>
									<div class="c_source">
										来源:美国金融
									</div>
								</div>
								<!-- </div> -->
							</div>
						</div>
					</div>
					<div class="tab-pane fade" id="forth">
						<div class="row text-row">
							<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
								<div class="time col-lg-1 col-md-1 col-sm-1 ">
									<span>7</span>
									<span>2019/8</span>
								</div>
								<img class="n_img  col-lg-4 col-md-4 col-sm-4 " src="../images/图层636.png" />
								<div class="content  col-lg-7 col-md-7 col-sm-7 ">
									<div>
										<p class="c_title">企业IT规划发展的三个时期</p>
										<p class="c_text ellip-3">IT规划不是摆设，它必须在得到切实可行的实施之后，才能发挥出促进业务、提升管理的作用，否则就是一堆废纸。因此，“落地”环节对IT规划至关重要。如 </p>
									</div>
									<div class="c_source">
										来源:美国金融
									</div>
								</div>
								<!-- </div> -->
							</div>
						</div>
					</div>
					<div class="tab-pane fade" id="fifth">
						<div class="row text-row">
							<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
								<div class="time col-lg-1 col-md-1 col-sm-1 ">
									<span>7</span>
									<span>2019/8</span>
								</div>
								<img class="n_img  col-lg-4 col-md-4 col-sm-4 " src="../images/图层636.png" />
								<div class="content  col-lg-7 col-md-7 col-sm-7 ">
									<div>
										<p class="c_title">企业IT规划发展的三个时期</p>
										<p class="c_text ellip-3">IT规划不是摆设，它必须在得到切实可行的实施之后，才能发挥出促进业务、提升管理的作用，否则就是一堆废纸。因此，“落地”环节对IT规划至关重要。如 </p>
									</div>
									<div class="c_source">
										来源:美国金融
									</div>
								</div>
								<!-- </div> -->
							</div>
						</div>
					</div>



				</div>
			</div>

			<div id="newsList" class="col-lg-4 col-md-4 hidden-sm hidden-xs">
				<div class="news-item">
					<p class="c_title">企业IT规划发展的三个时期</p>
					<p class="c_text ellip-2">IT规划不是摆设，它必须在得到切实可行的实施之后，才能发挥出促进业务、提升管理的作用，否则就是一</p>
				</div>
				<div class="news-item">
					<p class="c_title">企业IT规划发展的三个时期</p>
					<p class=" c_text ellip-2">IT规划不是摆设，它必须在得到切实可行的实施之后，才能发挥出促进业务、提升管理的作用，否则就是一</p>
				</div>
				<div class="news-item">
					<p class="c_title">企业IT规划发展的三个时期</p>
					<p class=" c_text ellip-2">IT规划不是摆设，它必须在得到切实可行的实施之后，才能发挥出促进业务、提升管理的作用，否则就是一</p>
				</div>
				<div class="news-item">
					<p class="c_title">企业IT规划发展的三个时期</p>
					<p class=" c_text ellip-2">IT规划不是摆设，它必须在得到切实可行的实施之后，才能发挥出促进业务、提升管理的作用，否则就是一</p>
				</div>
				<div class="news-item">
					<p class="c_title">企业IT规划发展的三个时期</p>
					<p class=" c_text ellip-2">IT规划不是摆设，它必须在得到切实可行的实施之后，才能发挥出促进业务、提升管理的作用，否则就是一</p>
				</div>
				<div class="news-item">
					<p class="c_title">企业IT规划发展的三个时期</p>
					<p class=" c_text ellip-2">IT规划不是摆设，它必须在得到切实可行的实施之后，才能发挥出促进业务、提升管理的作用，否则就是一</p>
				</div>
			</div>

		</div>
		<div id="page"></div>
		<div class="foot"></div>
	</body>
	<script src="../js/jquery-3.3.1.min.js"></script>
	<script src="../js/bootstrap.min.js"></script>
	<script src="../js/jq-paginator.min.js"></script>
	<script>
		$(function() {
			$(".foot").load("footer.html");
		})
		$(".item").click(function() {
			$(this).addClass("activea").siblings().removeClass("activea");
			// $(this).children("a").addClass("a").parent().siblings().children("a").removeClass("a")
		})
		$(".nava li").click(function() {
			console.log(1)
			$(this).addClass("n_active").siblings().removeClass("n_active");
		})
		$(function() {
			$('#myTab li:eq(0) a').tab('show');
		});
		$("#click").click(function() {
			window.location.href = "service.html";
		})
		loadpage();
		//分页
		function loadpage() {
			$.jqPaginator('#page', {
				totalPages: 10, // 设置分页的总页数
				visiblePages: 8, //     设置最多显示的页码数
				currentPage: 1, // 设置当前的页码
				wrapper: '<ul class="pagination"></ul>',
				//				first: '<li class="first"><a href="javascript:void(0);">首页</a></li>',
				prev: '<li class="prev"><a href="javascript:void(0);">上一页</a></li>',
				next: '<li class="next"><a href="javascript:void(0);">下一页</a></li>',
				//				last: '<li class="last"><a href="javascript:void(0);">末页</a></li>',
				page: '<li class="page"><a href="javascript:void(0);">{{page}}</a></li>',
				onPageChange: function(num) {
					//					console.log(num)
					//					dataObj_.page = num; // 点击分页时更换page的值
					//					loadcancel_one(); // 重新执行ajax请求
				}
			});
		}
	</script>

</html>
